module.exports = {
  purge: [
    // './src/**/*.vue'
  ],
  theme: {
    spacing: {
      0: '0px',
      1: '1px',
      2: '2px',
      3: '3px',
      4: '4px',
      5: '5px',
      6: '6px',
      7: '7px',
      8: '8px',
      9: '9px',
      10: '10px',
      11: '11px',
      12: '12px',
      13: '13px',
      14: '14px',
      15: '15px',
      16: '16px',
      17: '17px',
      18: '18px',
      19: '19px',
      20: '20px',
      21: '21px',
      22: '22px',
      23: '23px',
      24: '24px',
      25: '25px',
      30: '30px',
      35: '35px',
      40: '40px',
      45: '45px',
      50: '50px',
      55: '55px',
      60: '60px',
      65: '65px',
      70: '70px',
      75: '75px',
      80: '80px',
      85: '85px'
    },
    maxHeight: (theme) => ({
      full: '100%',
      min: 'min-content',
      max: 'max-content',
      ...theme('spacing')
    }),
    maxWidth: (theme) => ({
      full: '100%',
      min: 'min-content',
      max: 'max-content',
      ...theme('spacing')
    }),
    minHeight: (theme) => ({
      full: '100%',
      min: 'min-content',
      max: 'max-content',
      ...theme('spacing')
    }),
    minWidth: (theme) => ({
      full: '100%',
      min: 'min-content',
      max: 'max-content',
      ...theme('spacing')
    }),
    height: (theme) => ({
      full: '100%',
      ...theme('spacing')
    }),
    width: (theme) => ({
      full: '100%',
      ...theme('spacing')
    }),
    padding: (theme) => theme('spacing'),
    margin: (theme) => theme('spacing'),
    lineHeight: (theme) => ({
      'none': '1',
      ...theme('spacing')
    }),
    fontSize: (theme) => theme('spacing'),
    borderRadius: (theme) => theme('spacing'),
    borderWidth: (theme) => ({
      DEFAULT: '1px',
      ...theme('spacing')
    }),
    gap: (theme) => theme('spacing'),
    space: (theme) => theme('spacing'),
    textColor: theme => ({
      ...theme('colors'),
      'primary': '#2165f9',
      'mainTitle': '#333333',
      'subtitle': '#5A5A5A',
      'secondary': '#ffed4a',
      'danger': '#e3342f'
    }),
    backgroundColor: theme => ({
      ...theme('colors'),
      'primary': '#2165f9'
    }),
    fontWeight: {
      '100': 100,
      '200': 200,
      '300': 300,
      '400': 400,
      '500': 500,
      '600': 600,
      '700': 700,
      '800': 800,
      '900': 900
    }
  },
  corePlugins: {
    container: false
  }
}
